<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
    <%@include file="../css/bootstrap.min.css" %></style>
	<title>Alta de Cliente</title>
</head>
<body>
	<div class="container">
		<h2>Alta de cliente</h2>
		<hr>
		<select name="tipo" id="tipo">
			<option value="0">Tipo de cliente</option>
			<option value="particular">Particular</option>
			<option value="empresa">Empresa</option>
		</select>
		<hr>
		<div id="particular" class="panel panel-default" style="display:none">
			<div class="panel-heading">Particular</div>
			<div class="panel-body">
				<form id="formParticular" role="form" action="../SrvAltaCliente" method="get">
					<input type="hidden" id="formParticularValido" value="true">
					<div class="form-group">
						<label for="email">Nombre:</label>
						<input type="text" class="form-control" id="nombre" name="nombre" required>
					</div>
					<div class="form-group">
						<label for="pwd">Apellido:</label>
						<input type="text" class="form-control" id="apellido" name="apellido" required>
					</div>
					<div class="form-group">
						<label for="pwd">DNI:</label>
						<input type="text" class="form-control" id="dni" name="dni" required>
					</div>
					<button type="submit" class="btn btn-danger" name="origen" id="origen" value="particular">Guardar</button>
				</form>
			</div>
		</div>
		<div id="empresa" class="panel panel-default" style="display:none">
			<div class="panel-heading">Empresa</div>
			<div class="panel-body">
				<form id="formEmpresa" role="form" action="../SrvAltaCliente" method="get">
					<input type="hidden" id="formEmpresaValido" value="true">
					<div class="form-group">
						<label for="email">CUIT:</label>
						<input type="text" class="form-control" id="cuit" name="cuit">
					</div>
					<div class="form-group">
						<label for="pwd">Razon social:</label>
						<input type="text" class="form-control" id="razonSocial" name="razonSocial">
					</div>
					<div class="form-group">
						<label for="pwd">Monto minimo autorizacion:</label>
						<input type="text" class="form-control" id="montoMinimo" name="montoMinimo">
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">Cuenta corriente</div>
						<div class="panel-body">
								<div class="form-group">
									<label for="email">Fecha de apertura:</label>
									<input type="text" class="form-control" id="fechaCuentaCorriente" name="fechaCuentaCorriente">
								</div>
								<div class="form-group">
									<label for="pwd">Saldo:</label>
									<input type="text" class="form-control" id="saldo" name="saldo">
								</div>
						</div>
					</div>
					<button type="submit" class="btn btn-danger" name="origen" value="empresa">Guardar</button>
				</form>
			</div>
		</div>
	</div>

	<script src="https://code.jquery.com/jquery.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
	$( "#formParticular" ).submit(function( event ) {
		  if($('#formParticularValido').val() == 'true')
		  {
			  return;
		  }
		  event.preventDefault();
	});
	$('#dni').on('focusout', function(event) {
		
		$.ajax({
			url: '../Validaciones',
			type: 'GET',
			dataType: 'html',
			data: {tipo: $('#tipo').val(), dni: $('#dni').val(), origen	: 'altaCliente' },
		})
		.done(function(data) {
			if(data == 'existe') {
				$('#dni').css("border","1px solid red");
				$('#formParticularValido').val('false');
				alert("El DNI ingresado ya existe");
				return false;
			}
			else
			{
				$('#dni').css("border","1px solid #ccc");
				$('#formParticularValido').val('true');
			}
		});
	});
	
	//EMPRESA
	$( "#formEmpresa" ).submit(function( event ) {
		  if($('#formEmpresaValido').val() == 'true')
		  {
			  return;
		  }
		  event.preventDefault();
	});
	$('#cuit').on('focusout', function(event) {
		
		$.ajax({
			url: '../Validaciones',
			type: 'GET',
			dataType: 'html',
			data: {tipo: $('#tipo').val(), cuit: $('#cuit').val(), origen: 'altaCliente' },
		})
		.done(function(data) {
			if(data == 'existe') {
				$('#cuit').css("border","1px solid red");
				$('#formEmpresaValido').val('false');
				alert("El CUIT ingresado ya existe");
				return false;
			}
			else
			{
				$('#cuit').css("border","1px solid #ccc");
				$('#formEmpresaValido').val('true');
			}
		});
	});	

	$('#tipo').on('change', function(event) {
		event.preventDefault();
		if($(this).val() == '0') {
			$('#particular').hide();
			$('#empresa').hide();
		}
		if($(this).val() == 'particular') {
			$('#particular').show();
			$('#empresa').hide();
		}
		if($(this).val() == 'empresa') {
			$('#empresa').show();
			$('#particular').hide();
		}
	});
	</script>
</body>
</html>